.finished {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(20deg, rgba(146, 143, 255, 0.8) 0%, rgba(222, 221, 255, 1) 100%);
  backdrop-filter: blur(10px);
  background-color: rgb(231, 67, 67);
  position: relative;

  .msg{
    height: 100%;
    color: #333;
  }
  .box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30vh;
    background-color: #fff;
    border-radius: 2rem;
    animation: formAnimate 3s linear infinite;
  }
  .noanimation{
    animation: none;
    z-index: 99;
  }
  .animation1{
    animation-delay: 1s;
  }
  .animation2{
    animation-delay: 2s;
  }
  .animation3{
    animation-delay: 3s;
  }
}


@keyframes formAnimate {
  0% {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }
}